<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="./assets/lib/layui/css/layui.css">
		<link rel="stylesheet" type="text/css" href="./assets/css/userSystem.css" />

		<script src="./assets/js/vue.js"></script>
		<script src="./assets/js/JQuery2.1.4.js"></script>
	</head>
	<body>
		<fieldset class="layui-elem-field order" id="order">
			<legend v-html="title ? title : '所有订单'"></legend>

			<table class="layui-table" lay-skin="row" lay-size="md">
				 <colgroup>
				    <col width="100">
				    <col width="100">
				    <col>
					<col width="100">
					<col width="100">
					<col width="150">
				  </colgroup>
				<thead>
					<tr>
						<th>数量</th>
						<th>订单时间</th>
						<th>产品</th>
						<th>类别</th>
						<th>状态</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr v-for="item in orderList">
						<td>{{item.num}}</td>
						<td>{{item.time}}</td>
						<td><p>{{item.product}}</p></td>
						<td>{{item.type}}</td>
						<td>{{item.state}}</td>
						<td>
							<button @click="check_order" type="button" class="layui-btn layui-btn-primary">查看</button>
							<button @click="delete_order(item._id)" type="button" class="layui-btn layui-btn-danger">删除</button>
						</td>
					</tr>
					
				</tbody>
			</table>

		</fieldset>
	</body>
	<script src="./assets/lib/layui/layui.all.js"></script>
	<script src="./assets/js/userSystem.js"></script>
	<script type="text/html" id="order_details">
		
	</script>
</html>
